 //1.公用样式
 require('../../assets/css/index.js')
 //当前页面样式
 require('./motiondata.less')

//2.公用js
let dom=require('../../utils/dom.js');
let utils=require('../../utils/utils.js');
let http=require('../../utils/http.js');
let https=require('../../utils/https.js');
let local=require('../../utils/local.js');
// echarts的引入
import * as echarts from 'echarts';
// let personalBtn=dom.getByClass('.personal-btn')
//     console.log(personalBtn);
// let userdata={}//全局变量储存账号密码
// let userdata=JSON.parse(localStorage.getItem('retail'))

//相当于文档加载事件
dom.ready(function(){
   let returnBtn=dom.getById('.return-btn')//返回我的
   let photo=dom.getById('.photo')//头像

   let motionDate=dom.getById('.motion-date')//运动分钟数
   let motionCalorie=dom.getById('.motion-calorie')//运动卡路里

   let consumeCalorie=dom.getById('.consume-calorie')//消耗千卡
   let grandTotal=dom.getById('.grand-total')//累计天数
   let continuousDay=dom.getById('.continuous-day')//连续天数

//    let motionDurationImg=dom.getById('.motion-duration-img')//近7天运动时长
//    let motionClassifyImg=dom.getById('.motion-classify-img')//运动分类

//    熏染页面
    function showpage(){
        // 获取运动数据
        https.get('/api/exercise',function(res){
            if (res.errno==0) {
            //    console.log(res.data.sum7Calorie);
               let {sum7Calorie,sum7Duration,sum7Meter}=res.data
                consumeCalorie.innerText=sum7Calorie;//总消耗卡路里
                motionCalorie.innerText=sum7Calorie;//总消耗卡路里
                motionDate.innerText=sum7Duration;//总分钟数

                grandTotal.innerText=(sum7Calorie/60/24).toFixed(1)//本周累计运动天数
                                
                // 获取打卡天数
                // continuousDay.innerText=local.get('userdata').
            }else{
                weui.topTips('网络延时 稍后再试')
            }
            
        })
        // 获取用户信息 渲染头像
       let photourl=local.get('userdata').imgUrl?https.BASE_URL+local.get('userdata').imgUrl:require('../../assets/imgs/cat.jpg')
        photo.style.backgroundImage="url("+photourl+")";

    }
    showpage()



    //返回我的
    returnBtn.addEventListener('click',function(){
        window.history.go(-1);
    })



    // 表格渲染 柱状图
    function showTable(timedata,motiondata){
        // 基于准备好的dom，初始化echarts实例
        let myChart = echarts.init(dom.getById('.motion-duration-img'));
        // 绘制图表
        let open={
        title: {
            text: '最近7天运动时长'
        },
        tooltip: {},
        xAxis: {
            data: timedata
        },
        yAxis: {},
        series: [
            {
            name: '销量',
            type: 'bar',
            data: motiondata
            }
        ]
        };

        myChart.setOption(open)
    }



// 表格渲染 圆形图 运动分类
function movement(arr){
    let motionChart = echarts.init(dom.getById('.motion-classify-img'));

    let option = {
         legend: {
           top: 'bottom'
         },
         toolbox: {
           show: true,
           feature: {
             mark: { show: true },
             dataView: { show: true, readOnly: false },
             restore: { show: true },
             saveAsImage: { show: true }
           }
         },
         series: [
           {
             name: 'Nightingale Chart',
             type: 'pie',
             radius: [30, 100],
             center: ['50%', '50%'],
             roseType: 'area',
             itemStyle: {
               borderRadius: 3
             },
             data: arr
           }
         ]
       };
         motionChart.setOption(option)
}

// 表格获取动态数据渲染
function httpsshow(){
                // 发ajax
                https.get('/api/exercise',function(res){
                    let timedata=[] //异步存时间 注只能异步掉用 外面掉不了
                    let motiondata=[]//异步存运动数据 注只能异步掉用 外面掉不了

                    let ridingdata=0//异步存骑行 注只能异步掉用 外面掉不了
                    let runningdata=0//异步存跑步 注只能异步掉用 外面掉不了
                    let traindata=0//异步存训练 注只能异步掉用 外面掉不了
                    let arr=[]
                    if (res.errno==0) {
                        console.log(res);
                        
                        res.data.days.map(function(v,i){
                            // console.log(v);
                            motiondata.push(v.sumDuration)
                            timedata.push(v.date.slice(8))
                            
                           
                            
                        })
                        
                        
                    }
                    showTable(timedata,motiondata);
                    // console.log(arr);
                    arr.push({ value: 45, name: '骑行' },
                    { value: 30, name: '跑步' },
                    { value: 25, name: '训练' },
                    )
                    movement(arr);
                    
                })
}

httpsshow()




})


